<template>
  <div>
    子组件内容{{ mon }}
    <button @click="handleClick">点击</button>
  </div>
</template>
<script lang="ts">
import { ref, defineComponent } from "vue";

export default defineComponent({
  props: {
    mon: {
      type: Number,
      default: 0,
    },
  },
  setup(props, { emit }) {
    const handleClick = () => {
      emit("son-click", 1);
    };
    return { handleClick };
  },
});
</script>
